.as-popup {
    padding: 1rem;
    height: 90%;
    width: 100%;

    .caption {
        color: #c4c4c4;
        font-size: 0.75rem;
        line-height: 1rem;
        padding-bottom: 16px;
    }
}

.ast-container {
    display: flex;
    flex-direction: row;
    height: 25px;
    border-bottom: 1px solid #cccccc;

    .ast-tab {
        flex: 1;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eeeeee;
        &:first-of-type {
            border-top-left-radius: 3px;
        }
        &:last-of-type {
            border-top-right-radius: 3px;
        }

        &.active {
            background-color: white;
        }
    }
}

.ast-v2 {
    height: 40px !important;

    .ast-tab {
        background-color: white !important;

        &:hover {
            background-color: #eeeeee !important;
        }

        &.active {
            background-color: #1890ff !important;
            color: white;
        }
    }
}
